<!-- Top Navbar-->
<div class="navbar">
    <div class="navbar-inner">
        <div class="left"><a href="#" class="back link"> <i class="fa fa-angle-left"></i></a></div>
        <div class="center sliding">订单详情</div>
    </div>
</div>
<div class="pages">
    <!-- Page, data-page contains page name-->
    <div data-page="cart" class="page">
        <!-- Scrollable page content-->
        <div class="page-content" style="padding-top:4px;">
            <div class="order-details">
                <!-- 头部背景开始 -->
                <div class="top-img">
                    <span>交易成功</span>
                </div>
                <!-- 结束头部背景 -->
                <div class="order-address fn-clear">
                    <div class="address-icon">
                        <i></i>
                    </div>
                    <div class="address-txt">
                        <div class="name-phone fn-clear">
                            <span>收货人：${baseUserNAme!}</span>
                            <span>电话：${baseUserPh!}</span>
                        </div>
                        <P>收货地址：<#if address??>${address.address!}</#if></P>
                    </div>
                </div>
                <div class="buyer-message">
                    <div class="box">
                        <span>买家留言：</span>
                        <p><#if mjCmment??>${mjCmment.content!}</#if></p>
                    </div>
                </div>
                <div class="my-order">
	                		<#if e.orders??>
	                			<#list e.orders as item>
	                				<div class="goods">
				                        <div class="box fn-clear">
				                            <div class="goods-img">
				                                <img src="${staticpath}/phone/images/book1.png">
				                            </div>
				                            <div class="txt">
				                                <div class="goods-title">
				                                    <P>${item.productName!}</P>
				                                </div>
				                                <div class="goods-price fn-clear">
				                                    <span>¥${item.price!""}</span>
													<span>¥<#if item.oldPrice ==0>${item.price!""}<#else>${item.oldPrice!""}</#if></span>
													<span>X${item.productNumber!""}</span>
				                                </div>
				                            </div>
				                        </div>
				                    </div>
	                			</#list>
	                		</#if>
                    <div class="books-price">
                        <div class="box">
                            <div class="total-price">
                                <p>共${e.quantity!""}件商品，合计：<span>${e.amount!""}</span>元（含${e.fee!} 元运费）</p>
                            </div>
                            <div class="payment fn-clear">
                                <!-- <div class="Wait-payment">
                                        <span>等待付款</span>
                                </div> -->
                                <div class="double-btn fn-clear" style="height:25px;line-height:25px;width:100px;text-align:center;">
                                    <a style="height:25px;line-height:25px;" href="javascript:" class="cancellation-order" style="display:<#if e.sort=1 || e.sort=3>block;<#else>none;</#if>">取消订单</a>
                                    <!-- <a href="#" class="payment-btn">付款</a> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="line-black"></div>
                </div>
                <div class="tra-information">
                    <div class="box">
                        <p>订单编号：${e.id!}</p>
                        <p>交易时间：${e.createdate!""}</p>
                    </div>
                </div>
                <div class="bottom"></div>
            </div>
        </div>
    </div>
</div>